	/* Tables */

.table{
	margin:0 0 20px 0;
	background:#fff;
	width:100%;
	border:1px solid #dedede;

}

.table thead td, .table thead th, .table tfoot td  {
	background-color:#e5ecf9;
}

.table thead th {
	border:1px solid #dedede;
	text-align:center;
	padding:8px;
	color:#616161;
	vertical-align:middle;
}

.table tr td{
	border:1px solid #dedede;
	padding:5px;
	color:#616161;
	vertical-align:top;
}

.table thead td, .table thead th {
	font-weight:bold;
	padding:10px 6px;
}

.table th, .table td {
	border-bottom:1px solid #dedede;
}
.table tbody th {
	padding:8px 8px;
}

.table tbody tr.alt td, .table tbody tr.odd td {
	color:#464646;
}

.table tbody tr.alt td, .table tbody tr.alt th, .table tbody tr.odd {
	background-color:#f5f5f5;
}

.table tbody tr:hover td, .table tbody tr:hover th {
	background-color:#FFFFCF;
}

.headerSortDown, .headerSortUp {
	background-repeat:no-repeat;
	background-color:#dcdcdc!important;
	color:#404040!important;
}

.header span {
	float:right;
}

.table tr .center {
	text-align: center;
}

.table tr .right{
	text-align: right;	
}

.table tr .bold{
	font-weight: bold;	
}

.table tr .red{
	color: red;	
}

.table table a.btn span.ui-icon {
	left:0.1em;
}

/* Notication Tables */
.notication tr td{
	border-bottom: dotted 1px #CCC;	
	padding:5px 0 5px 0;
}

.notication tr td.info{
	color: #666;
	text-aling: left;
	width:1%;
	white-space:nowrap;
	padding-right:5px;
}

/* Tables Pagination */
#pager {
	margin: 15px 0px;
        clear: both;
}

#pager input, #pager .pagesize {
	margin:0px;
        padding: 0px;
}

/* Small Tables */
.table-small{
    width: 100%; border: 1px solid #aaa; border-spacing: 0;

}
.table-small th{
    padding: 5px; border: 1px solid #ccc; background: #d1e3fc;
    font-size: 10px;
}
.table-small td{
    padding: 5px; border: 1px solid #ccc; vertical-align: top;
    font-size: 10px;
}
.table-small td.ganjil{
    padding: 5px; border: 1px solid #ccc; vertical-align: top;
    font-size: 10px;
    background: #eea;
}

/*Table for Detail Content*/
.detail{
    width: 100%; border-spacing: 0; border: 0px; padding: 10px;
}
.detail th{
    width: 200px; text-align: left; padding: 5px;
    border-bottom: 1px solid #ccc;
}
.detail tr:hover{
    background: #eaf7ff;
}
.detail td{
    padding: 5px 5px 5px 20px;
    border-bottom: 1px solid #ccc;
}

.detail tr{
    
}
